<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>InputNumber</title>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="module" src="../src/js/form.js"></script>
    <script type="module" src="../src/js/group.js"></script>
    <script type="module" src="../src/js/displayText.js"></script>
    <script type="module" src="../src/js/radio.js"></script>
</head>

<body>
    <jsc-form class="form">
        <jsc-group type='radio' jscbind='city'>
            <div style="display: flex;align-items: center;">
                <label>北京</label>
                <!-- <jsc-display-text jscbind='name'></jsc-display-text> -->
                <jsc-radio label='3' ></jsc-radio>
                <label>上海</label>
                <jsc-radio label='4' ></jsc-radio>
                <label>广州</label>
                <jsc-radio label='5' ></jsc-radio>
            </div>
        </jsc-group>
        <div style="margin: 10px 0;">
            <label>禁用状态</label>
            <jsc-radio label='5' jscbind='disType' disabled='true'></jsc-radio>
        </div>
    </jsc-form>
</body>
<script defer="true" type="text/javascript">
    let person = {city: '3',disType:''};

    document.addEventListener('DOMContentLoaded', function (e) {
        let form = document.querySelector('jsc-form');
        form.bind = person;
    });
</script>
</html>